@charset 'utf-8';

body{background:#f5f5f5;}
.bgWhite{background:white;}
#lodingBox{position:fixed;left: 0;top: 0;right: 0;bottom: 0;background:#fff;z-index: 99999;}
input,textarea{color:#333;}


/*===========================  公司部分  ===========================*/
/*---------------------------  头部  ---------------------------*/
header{background:#1c1b20;position:relative;border-bottom:1px solid #000;z-index: 9999;width: 100%;float: left;}
header span{position:absolute;left: 0;top: 0;right: 0;bottom: 0;font-size: 1.3rem;line-height:50px;color:#fff;text-align: center;}
header a{width: 48px;height: 48px;margin:1px;display: inline-block;position:relative;z-index: 9;}
header a.headerBack{background:url(../images/headerBack.png) center no-repeat / 50% 50%;float: left;}
header a.headerUser{background:url(../images/headerUser.png) center no-repeat / 60% 60%;float: right;}

/*---------------------------  底部  ---------------------------*/
footer{width: 100%;float: left;padding:1rem 0; text-align: center;font-size: .8rem;color:#808080;line-height: 2rem;}
footer span{width: 2rem;height: 2rem;display: inline-block;background:url(../images/footer_icon.png) center no-repeat / 50% 50%;vertical-align:top;}


/*---------------------------  按钮  ---------------------------*/
.mainWrap{padding:.5rem;width: 100%;display: inline-block;}
.mainBtn{width: 100%;float: left;margin-top: 1.5rem;}
.mainBtn a{width: 100%;float: left;text-align: center;color:#fff;font-size: 1.1rem;line-height: 2.6;background:#14c177;border-radius:.4rem;}
.mainBtn a.black{background:#ccc;}
.mainBtn.st2 a{width: 48.5%;}
.mainBtn.st2 a:nth-child(2){float: right;}



/*-- 调解 --*/
.tj_textBox{width: 100%;float: left;border:1px solid #eee;padding:.6rem;background:#fff;border-radius:.2rem;}
.tj_textBox .title{text-align: center;font-size: 1.2rem;line-height: 3;}
.tj_textBox .text{text-align:justify;text-justify:inter-ideograph;word-break:break-all;word-wrap:break-word;font-size: .8em;line-height: 1.6;}
.tj_textBox .text .colorSt{color:#ffa200;}

.tj_Box{position:fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99999;background:rgba(0,0,0,.5);display: none;}
.tj_Box .box{width: 75%;height:20rem;position:absolute;left: 0;top: 0;right: 0;bottom: 0;margin:auto;background:#fff;padding:1rem;border-radius:.4rem;}
.tj_Box .box .title{text-align: center;font-size:1.1rem;width: 100%;float: left;line-height: 2rem;}
.tj_Box .box .list{width: 100%;float: left;margin-top:.4rem;}
.tj_Box .box .list li{width: 100%;float: left;height: 1.6rem;margin-top: .5rem;display: table;}
.tj_Box .box .list li .name{width: 4rem;font-size: .8rem;display: table-cell;line-height: 1.6rem;}
.tj_Box .box .list li .input{width: 100%;display: table-cell;border:1px solid #ccc;background:#fff;border-radius:.2rem;padding:0 .4rem;font-size: .8rem;height: 1.6rem;line-height: 1.6rem;    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;vertical-align: middle;}

/*-- 调解类型选择 --*/
.tjStList{width: 100%;float: left;}
.tjStList a{width: 100%;float: left;height:9rem;background:#05d48e;color:#fff;text-align: center;font-size: 1.2rem;padding-top:5.5rem;line-height: 3rem;position:relative;}
.tjStList a:before{content:'';position:absolute;width: 5rem;height: 5rem;left: 50%;margin-left: -2.5rem;top:1rem;background:url(../images/tj_st_01.png) center no-repeat / 100% 100%;}
.tjStList a:nth-child(2){background:#05c8d4;}
.tjStList a:nth-child(2):before{background:url(../images/tj_st_02.png) center no-repeat / 100% 100%;}
.tjStList a:nth-child(3){background:#ebcc1d;}
.tjStList a:nth-child(3):before{background:url(../images/tj_st_03.png) center no-repeat / 100% 100%;}


/*-- 调解部门选择 --*/
.tjTimeList{width: 100%;float: left;margin-top: .8rem;padding:0 .2rem;min-height:28rem;}
.tjTimeList li{width: 50%;float: left;padding:.3rem;}
.tjTimeList a{width: 100%;float: left;border:1px solid #ccc;padding:.5rem 0;background: linear-gradient(to right, #d9d5d6 0%,#fff 50%,#d9d5d6 100%);}
.tjTimeList a span{width: 100%;float: left;background:#14c177;color:#fff;text-align: center;font-size: 1.4rem;line-height: 2.6;}

/*-- 调解员分配 --*/
.tjyBg{width: 100%;float: left;position:relative;}
.tjyBg span{width: 7rem;height: 7rem;position:absolute;left: 50%;bottom:0;margin:0 0 -3.5rem -3.5rem;border-radius: 999em;overflow: hidden;}
.tjyBg span img{width: 100%;height: 100%;float: left;}
.tjyBg img{width: 100%;float: left;}

.tjyBox{width: 100%;float: left;padding:0 8%; margin-top: 4.5rem;text-align: center;}
.tjyBox .name{font-size: 1.4rem;line-height: 1.6;}
.tjyBox .st{font-size: .8rem;line-height: 2;color:#808080;}
.tjyBox .tel a{font-size: 1.1rem;line-height: 1.8;color:#14c177;}
.tjyBox .tel a span{width: 1.5rem;height: 1.5rem;display: inline-block;background:url(../images/tel.png) center no-repeat / 85% 85%;vertical-align: middle;}
.tjyBox .text{font-size: .8rem;line-height: 1.6;text-align:justify;text-justify:inter-ideograph;word-break:break-all;word-wrap:break-word;text-indent:2em;color:#666;}

/*-- 个人中心 --*/
.uCenterBg{width: 100%;float: left;position:relative;}
.uCenterBg img{width: 100%;float: left;}
.uCenterBg .box{width: 80%;height:8.2rem;position:absolute;left: 0;top: 0;right: 0;bottom: 0;margin:auto;text-align: center;color: #fff;}
.uCenterBg .box .logo{width: 5rem;height: 5rem;display: inline-block;border-radius:999em;overflow: hidden;}
.uCenterBg .box .logo img{width: 100%;height: 100%;float: left;}
.uCenterBg .box .name{width: 100%;display: inline-block;font-size: 1rem;line-height: 1.6rem;height: 1.6rem;overflow: hidden;}
.uCenterBg .box .tel{width: 100%;display: inline-block;font-size: .9rem;line-height: 1.6rem;height: 1.6rem;overflow: hidden;opacity:.8;}
.uCenterBg .box .tel span{width: 1.5rem;height: 1.5rem;display: inline-block;background:url(../images/tel1.png) center no-repeat / 85% 85%;vertical-align: middle;}
.uCenterHrefList li{width: 33.33%;float: left;border-width:0 1px 1px 0;border-style:solid;border-color:#f1f1f1;}
.uCenterHrefList li:nth-child(3n){border-right:0;}
.uCenterHrefList li a{width: 100%;height: 0;float: left;padding-top:100%;position:relative;}
.uCenterHrefList li a span{width: 100%;text-align: center;position:absolute;left: 0;bottom: 0;color:#333;font-size: .8rem;line-height: 3;}
.uCenterHrefList li a:before{content:'';position:absolute;left: 0;top: 10%;right: 0;margin:auto;width: 60%;height: 0;padding-top: 60%;border-radius:999px;overflow: hidden;}
.uCenterHrefList li:nth-child(1) a:before{background:#14c177 url(../images/uCenter_01.png) center no-repeat / 85% 85%;}
.uCenterHrefList li:nth-child(2) a:before{background:#fb8b5b url(../images/uCenter_02.png) center no-repeat / 85% 85%;}
.uCenterHrefList li:nth-child(3) a:before{background:#4bc8f8 url(../images/uCenter_03.png) center no-repeat / 85% 85%;}

/*-- 调解列表 --*/
.uc_tjTitle{width: 100%;float: left;}
.uc_tjTitle a{width:50%;float: left;position:relative;color:#9a9a9a;font-size: 1.2rem;line-height: 2.6;text-align: center;}
.uc_tjTitle a.active{color:#14c177;}
.uc_tjTitle a.active:before{content:'';position:absolute;left: 0;right: 0;width: 20%;bottom: 0;height: 3px;background:#14c177;margin:auto;}

.uc_tjList{width: 100%;float: left;}
.uc_tjList li{width: 100%;float: left;margin-bottom: .8rem;}
.uc_tjList li a{width: 100%;float: left;background:#fff;padding:1rem .8rem;}
.uc_tjList li a .title{width: 100%;float: left;}
.uc_tjList li a .title .name{float: left;font-size: .8rem;line-height: 1.6rem;color:#4c4c4c;}
.uc_tjList li a .title .time{float: right;font-size: .8rem;line-height: 1.6rem;color:#4c4c4c;}
.uc_tjList li a .content{width: 100%;float: left;font-size: .8rem;line-height: 1rem;color:#888;margin-top:.4rem;height: 1rem;overflow: hidden;text-align:justify;text-justify:inter-ideograph;word-break:break-all;word-wrap:break-word;}
.uc_tjList li a .label{width: 100%;float: left;margin-top: .6rem;}
.uc_tjList li a .label span{float: left;font-size: .7rem;border-width:1px;border-style: solid;line-height:1.6;padding:0 .4rem;border-radius:999px;margin-left:.2rem;}
.uc_tjList li a .label span:nth-child(1){margin-left: 0;}
.uc_tjList li a .label span.st{border-color:#f8a36a;color:#f8a36a;}
.uc_tjList li a .label span.user{border-color:#1fcae3;color:#1fcae3;}
.uc_tjList li a .label span.goIng{border-color:#14c177;color:#14c177;}

/*-- 调解结果和评价 --*/
.tjpageBox{width: 100%;float: left;padding:1rem;}
.tjpageBox .tjpageText{width: 100%;float: left;padding:.5rem;border:1px solid #eee;border-radius:2px;background:#fff;font-size: .8rem;line-height: 1.4;color:#666;text-align:justify;text-justify:inter-ideograph;word-break:break-all;word-wrap:break-word;}
.tjpageBox .tjpageTextarea{width: 100%;float: left;padding:.5rem;border:1px solid #eee;border-radius:2px;font-size: .8rem;line-height: 1.4;color:#666;margin-top: 1rem;resize:none;height:8.4rem;}
.tjpageBox .tjpageTextarea.mt0{margin-top: 0;}
.tjpageBox .tjpagePj{width: 100%;float: left;margin-top: 1rem;font-size: .8rem;}
.tjpageBox .tjpagePj span i{color:#999;font-size: 1rem;}
.tjpageBox .tjpagePj span i.active{color:#ff8400;}
.tjpageBox select{width: 100%;display: table-cell;border:0;background:#fff;box-shadow:none;font-size: .8rem;margin-top:1rem;height: 2rem;}

/*-- 调解详情 --*/
.tjMoreBox{width: 100%;float: left;background:#fff;padding:1rem .6rem;border-radius:2px;}
.tjMoreBox ul{width: 100%;float: left;}
.tjMoreBox ul li{width: 100%;float: left;color:#333;font-size: .75rem;margin-top: .4rem;line-height: 1.6;text-align:justify;text-justify:inter-ideograph;word-wrap: break-word; word-break: normal;line-height:1.2rem;}
.tjMoreBox ul li .name{opacity:.6;margin-right: .5em;float:left;line-height:1.2rem;}
.tjMoreBox ul li .text{text-align:justify;text-justify:inter-ideograph;word-wrap: break-word; word-break: normal;line-height:1.2rem;}
.tjMoreBox ul.title li{width: 50%;}
.tjMoreBox ul.title li.colorSt{color:#14c177;}

.ucDataBox{width: 100%;float: left;}
.ucDataBox li{width: 100%;float: left;margin-bottom: 1px;background:#fff;padding:0 1rem;}
.ucDataBox li .name{width: 5rem;font-size: .8rem;float: left;line-height: 2.4rem;}
.ucDataBox li.logo .name{line-height: 3.5rem;}
.ucDataBox li.logo .img{float: right;width: 2.5rem;height: 2.5rem;margin-top: .5rem;border-radius:999px;overflow: hidden;}
.ucDataBox li.logo .img img{width: 100%;height: 100%;float: left;}
.ucDataBox li .text,
.ucDataBox li .input{float: right;width: 10rem;height: 2.4rem;border:0;text-align: right;line-height: 2.2rem;font-size: .8rem;}
.ucDataBox li .input.inputs{width: 100%;}
.ucDataBox li .input.inputs input{text-align:left !important;}
.ucDataBox li .input input{width: 100% !important;float: left !important;height: 2.4rem !important;font-size: .8rem !important;text-align: right !important;border:0 !important;margin:0 !important;}
body .picker{z-index: 999999;}





